<template>
  <view class="select-tips">
    <view class="select-tips-connect">
      <view class="left">
        <span class="select-tips-title">运费{{ expressPrice || '--' }}元</span>
        <view class="select-tips-content">满{{ expressLimit || '--' }}元包邮（偏远地区除外）</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    expressPrice: {
      type: String || Number,
      default: 0
    },
    expressLimit: {
      type: String || Number,
      default: 0
    }
  }
}
</script>

<style scoped>
.left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	width: 90%;
}

.select-tips {
	margin-bottom: 20rpx;
	height: 60rpx;
}

.select-tips-connect {
	width: 94%;
	height: 100%;
	margin: 0 3%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}

.select-tips-title {
	font-size: 26rpx;
	color: rgba(153, 153, 153, 1);
	margin-right: 30rpx;
}
.select-tips-content {
	font-size: 26rpx;
	color: rgba(51, 51, 51, 1);
	width: 400rpx;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
</style>
